// pages/phone-login/phone-login.js
import request from '../../utils/request.js'
let timer = null
Page({

  /**
   * 页面的初始数据
   */
  data: {
    isCode:false,
    // 倒计时
    numCount:60,
    // 输入框手机号
    phoneNum:'',
    // 验证码
    codeNum:'',
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },
  // 失去焦点获取手机号
  getPhoneNum(e){
    console.log(e)
    this.setData({
      phoneNum:e.detail.value
    })
  },
  // 失去焦点获取验证码
  getCodeNum(e){
    this.setData({
      codeNum: e.detail.value
    })
  },
  // 点击获取验证码
  async getIsCode () {
    if (this.data.isCode) {
      return
    }
    // let setCode = this.data.isCode
    this.setData({
      // isCode:!setCode
      isCode:true
    })
    
      timer=setInterval(()=>{
      let numCount = this.data.numCount
      numCount--
      // console.log(numCount)
      if (numCount<0) {
        clearInterval(timer)
        this.setData({
          isCode: false,
          numCount: 60,
        })
      }else {
        this.setData({
          numCount: numCount
        })
      }
    },1000)
    // 获取验证码
    let data = await request({
      url:"user/vcode",
      data:{
        phone: this.data.phoneNum
      }
    })
    console.log(data)
    wx.showToast({
      title: data.vcode+'',
      icon:'none',
      duration:3000
    })
  },
  // 手机号验证登录
  async verifyLogin(){
    try {
      // 发送请求
      let data = await request({
        url:'user/login',
        method:'post',
        data:{
          phone: this.data.phoneNum,
          vcode: this.data.codeNum
        }
      })
      console.log(data)
      wx.showToast({
        title: '微信授权登录成功',
      })
      wx.setStorageSync('token', data.token);
      // 跳转到我的页面
      wx.switchTab({
        url: '/pages/my/my',
      })
    }catch(err){
      console.log(err)
      wx.showToast({
        title: err.message,
        icon:'none'
      })
    }
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})